<template>
    <!--  审批意见  -->
    <div>
        <div class="q_xxpxjl">
            <img src="../assets/pingshengyijian.png" alt="">
            <div> 评审审批意见（盖章页）</div>
        </div>

        <div class="q_yijian">
            <div class="q_bmyj">
                <div>专家评议或同行专家意见</div>
            </div>

            <div class="q_fzrgz">
                <div class="qznyr">签字年月日</div>
            </div>

            <div class="q_bmyj">
                <div>评审组织意见</div>
            </div>

            <div class="q_fzrgz">
                <table class="table table-bordered" style="text-align: center;">
                    <tr>
                        <td colspan="1" style="width: 80px; border: 1px solid #000;">总人数</td>
                        <td colspan="2" style="width: 60px;border: 1px solid #000;">参加人数</td>
                        <td colspan="6" style="border: 1px solid #000;">表决结果</td>

                        <td style="width: 60px; border: 1px solid #000;">备注</td>
                    </tr>
                    <tr>
                        <td colspan="1" class="border-style"></td>
                        <td colspan="2" class="border-style"></td>
                        <td class="border-style border-width">赞成人数</td>
                        <td class="border-style border-width"></td>
                        <td class="border-style border-width">反对人数</td>
                        <td class="border-style border-width"></td>
                        <td class="border-style border-width">弃票人数</td>
                        <td class="border-style border-width"></td>
                        <td class="border-style "></td>
                    </tr>

                </table>
                <div style="margin-top: 16%;" class="zhurenqz">
                    <ul>
                        <li>公章</li>
                        <li style="margin-left: 60px;">主任签字年月日</li>
                    </ul>
                </div>
            </div>
            <div class="q_bmyj">
                <div>人事职改部门审批意见</div>
            </div>
            <div class="q_fzrgz">
                <div class="fzrqz">
                    <ul>
                        <li>公章</li>
                        <li>负责人年月日</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ReviewOpinion"
    }
</script>

<style scoped>

    * {
        margin: 0 auto;
        padding: 0;
    }

    a {
        text-decoration: none;
    }

    li {
        list-style: none;
    }

    /**/
    .border-style {
        border: 1px solid #000;
    }

    .border-width {
        width: 60px;
    }

    /**/
    .q_xxpxjl {
        width: 800px;
        height: 120px;
        margin: 20px auto;
    }

    .q_xxpxjl > img {
        float: left;
    }

    .q_xxpxjl > div {
        width: 400px;
        font-size: 24px;
        line-height: 120px;
        float: left;
        margin-left: 8%;
        font-weight: 800;
    }

    .q_yijian {
        width: 700px;
        height: 900px;
        border: 1px solid rgb(37, 37, 37);
        margin: 0 auto;
    }

    .q_bmyj {
        width: 10%;
        height: 300px;
        border: 1px solid rgb(37, 37, 37);
        float: left;
        font-size: 19px;
    }

    .q_bmyj > div {
        width: 300px;
        height: 20px;
        transform: rotate(90deg);
        margin-left: -120px;
        margin-top: 120px;
        text-align: center;
    }

    .q_fzrgz {
        width: 90%;
        height: 300px;
        border: 1px solid rgb(37, 37, 37);
        float: left;
        font-size: 19px;
    }

    .qznyr {
        margin-top: 39%;
        margin-left: 55%;
    }

    .zhurenqz > ul {
        margin-left: 12px;
    }

    .fzrqz > ul {
        margin-top: 30%;
        margin-left: 40%;
    }
</style>
